<template>
    <div class="app_order_list">
        <div class="form">
            <div class="line">
                <input v-model="info.name" type="text" placeholder="群名">
            </div>
            <div class="line">
                <input v-model="info.personal_name" type="text" placeholder="姓名">
            </div>
            <div class="line">
                <input v-model="info.tel" type="text" placeholder="电话">
            </div>
            <div class="line">
                <input v-model="info.area" type="text" placeholder="所在省份">
            </div>
            <div class="btn" @click="join()">立即加入</div>
        </div>
    </div>

</template>

<script>
    var that
    export default {
        data () {
            return this.datainit({
                info: {
                    name: "",
                    personal_name: "",
                    tel: "",
                    area: ""
                }
            })
        },

        mounted: function () {
           that=this
        },
        methods: {
            join:function () {
                that.$post("api/group/join",that.info,function (data) {
                    that.$router.push({path: '/pages/setting/index'});
                })
            }
        }
    }
</script>

<style lang="less" src="./main.less" scoped></style>
